/*
*
*/
html{font-size: 100px;color:black;}
@font-face{
    font-family:FontAwesome;
    src:url(./fonts/fotawesome-webfont.eot?v=4.6.3);
    src:url(./fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),
    url(./fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'),
    url(./fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'),
    url(./fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype');
    font-weight:400;
    font-style:normal
}
body{margin:0;padding:0;background:#fff;font-size:14px;overflow: auto;
    font-weight:400;
    font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}
div,p,li{font-size:16px;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
input,select,button{font-size:13px;line-height:16px;outline: none;box-sizing: border-box;background-color: rgba(255,255,255,0)}
img{border:0;}
ul,li{list-style-type:none;}
li{font-size:14px;}
a,a:hover{text-decoration:none;}
a,button:hover{cursor: pointer;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
#page ul li a,#page ul li input,#page ul li button{float:left;border:#DDDDDD solid 1px;padding:8px 12px 9px 11px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;line-height: 18px;height: 36px}
/*
½ö??»ú¶?
*/

.phone_css {
    display: none;
}

.web_css {
    display: block;
}


/*
  header
*/
.wrapper{
    max-width: 2000px;
    /* text-align: center; */
    width:100%;
    height:100%;
    overflow: initial;
    margin: 0 auto;
    overflow-y: hidden;
}
.header{
    width: 100%;
    height:78px;
    line-height: px;
    position: fixed;
    top:0;
    left: 0;
    z-index: 6666;
    transition: background 1s;
    -moz-transition: background 1s;
    -webkit-transition: background 1s;
    -o-transition: background 1s; /* Opera */
    font-size: 16px;
    /*box-shadow: 10px 5px 20px rgba(0,0,0,0.04);*/
    /*    background: -webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
        background: -moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
        background: -o-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
        background: linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));*/
    background: #a81f27!important;
}
.header .header_wide{
    /*padding: 0 40px;*/
    margin:0 auto;
    max-width: 1280px;
    height: inherit;
}
.header:hover{
    background: rgba(255,255,255,1);
}
.header:hover a{
    color: rgba(0,0,0,0.7);
}
.header:hover #searchercon{
    border: 0 solid rgba(0,0,0,0.7);
    color: rgba(0,0,0,0.7);
}
.header:hover #logreg button{
    color: rgba(0,0,0,0.7);
}
.header:hover #logreg button:nth-child(2){
    border:1px solid rgba(0,0,0,0.7);
}
.header:hover #searchercon>#searchicon{
    background-image: url("../img/Search.png");
}
.header:hover #searchercon>#closeicon{
    background-image: url("../img/CLOSE.png");
}
.header #brand{
    width: 184px;
    float: left;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.header #brand img{
    vertical-align: middle;
    margin: 0 auto;
}
.header #navigation{
    float: left;
    width: auto;
}
#nav1{
    display: flex;
    margin-left: .3rem;
}
#nav1 li{
    justify-content: flex-start;
    text-align: center;
    font-size: .16rem;
    font-weight: 500;
    padding: 0 .1rem;
    position: relative;
    color: rgba(0,0,0,0.8);
}
#nav1 li:hover .nav2{
    display: block;
}
.header .nav2{
    display: none;
    width:100%;
    float: none;
    position: absolute;
    left:0;
    top: .9rem;
    line-height: .25rem;
    background-color: rgba(255,255,255,0.7);
}
.header .nav2 a{
    display: block;
    font-size: .15rem;
    font-weight: 500;
    text-align: left;
    text-indent: .25rem;
    height: .3rem;
    padding: 0;
    color: rgba(0,0,0,0.8);
    line-height: .3rem;
}
.header .nav2 a:hover{
    color: rgba(0,0,0,0.9);
    text-indent: .27rem;
}
.header a{
    display: inline-block;
    color:rgba(255,255,255,0.9);
}
.header a:hover{
    font-weight: 700;
    color: rgba(0,0,0,0.9);
}
.header #searcher{
    width: 250px;
    float: right;
    text-align: right;
    font-size: .16rem;
    height: .9rem;
    overflow: hidden;
}
#searcher #searchercon{
    width: .4rem;
    padding: 0 .05rem;
    display:inline-block;
    height: .3rem;
    line-height: .3rem;
    margin: .3rem 0;
    border:0 solid rgba(0,0,0,0.7);
    box-sizing: border-box;
    border-radius: .15rem;
    overflow: hidden;
}
.header #searchercon button{
    float: left;
    width: 30px;
    border: none;
    height: .28rem;
    line-height:.28rem;
    background-color: rgba(255,255,255,0);
}
.header #searchercon input{
    float: left;
    width: 176px;
    font-size: .16rem;
    border: none;
    height: .28rem;
    line-height:.28rem;
    background-color: rgba(255,255,255,0);
}
.header #searchercon img{
    margin-top: .03rem;
    height:.20rem;
    width: .20rem;
    display: inline-block;
}
#searchercon #searchicon{
    background: url("../img/sowhite.png") no-repeat center;
    background-size: 20px 20px;
}
#searchercon #closeicon{
    background: url("../img/CLOSE1.png") no-repeat center;
    background-size: 20px 20px;
}
#searchercon .sear{
    display: inline-block;
}
.header #logreg{
    float: right;
    /*width: 200px;*/
    font-size: .14rem;

}
.header #logreg a{
    font-size: .14rem;
    font-weight: 200;
    border:none;
    /*border-radius: .13rem;*/
    text-align: center;
    /*width: 85px;*/
    margin: 0 5px;
    box-sizing: border-box;
    color: white;
}
#logreg a:active{
    background-color: rgba(0,0,0,0.3);
    color: black;
}
.header #logreg a:nth-child(2){
    /*border:1px solid #ffffff;*/
}

@media screen and (max-width: 1400px){
    .header #logreg {
        /*line-height: 24px;*/
    }
    /*#topf1>div{right:405px;top:20px}*/
}


/*
  banner
*/
.banner{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-top:77px;
}
.banner .imglist{
    width: 100%;
    height: inherit;
}
.banner .imglist a{
    display: inline-block;
    width: 100%;
    padding-bottom: 1px;
    position: relative;
}
.banner .imglist div{
    width: 100%;
    height:100%;
    background-size:cover !important;
    background-position: center center;
}
.banner img{
    position: static;
}
.container-fluid img {

    display: block;

}
.banner:hover .slick-prev{
    background: url("../img/arror2_left.png") no-repeat center;
}
.banner:hover .slick-next{
    background: url("../img/arro2_right.png") no-repeat center;
}
.banner .bancon{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 160px;
    width: 100%;
    text-align: center;
    letter-spacing: 0.1em;
    background-color: rgba(0,0,0,0.6);
    z-index: 99;
}
.bancon h3{
    font-size: 28px;
    font-weight:500;
    color:#ffffff;
    width: 100%;
    line-height: 68px;
    margin-top: 20px;
}
.bancon p{
    font-size: 16px;
    height: 50px;
}
.bancon p span{
    width: auto;
    color: white;
    padding: 8px 20px;
    line-height: 32px;
    border:1px solid white;
    border-radius: 16px;
}
.banner:hover .director{
    display: block;
}
.linkcontent{
    width: 100%;
    height: auto;
    background:#f1f1f1;
    padding-top:40px;
}

.linkcontent #textcon{
    height: auto;
    width: 1100px;
    margin: 50px auto;
    display: flex;
    border: 1px dotted #b0b0b0;
    position:relative;
    padding:15px 50px;
}
.linkcontent #textcon .spanL{
    width: 80px;
    position:absolute;
    left:-2px;
    top:-10px;
    text-align:left;
    background:#f1f1f1;
    height:45px;
}
.linkcontent #textcon .spanR{
    width: 80px;
    background:#f1f1f1;
    position:absolute;
    bottom:-1px;
    right:-1px;
    text-align:right;
    padding-top:10px;
    height:45px;
}
.linkcontent #textcon div{
    width: 1010px;
    text-align: left;
    text-indent:2em;
    line-height: 36px;
    font-size: 18px;
    letter-spacing: 0.06em;
}
.linkcontent #piccon{
    width: 100%;
    background-color: #FFFFFF;
}
.linkcontent #piccon div{
    margin-left: 10%;
    width: 80%;
    display: flex;
}
.linkcontent div a{
    cursor: default;
    width: 25%;
    height: 340px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 200px 0 0;
    opacity: 0.2;

}
.linkcontent  a img{
    display: inline-flex;
    width:118px;
    height: 140px;
}
.core {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    position: relative;
    background: rgba(0,0,0,0.2) url("../img/hx1.jpg") 100% 100% no-repeat;
    opacity:1;
    z-index: 122;

}
.core img{
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    display: none;
}
.core .coretitle{
    width: 100%;
    position: absolute;
    text-align: center;
    color: white;
    left: 0;
    top: 100px;
    z-index: 101;
    line-height: 30px;
    pointer-events: none;
}
.core .core1{
    z-index: 100;
    flex: 1;
    border-right: 1px solid rgba(200,200,200,0.6);
    background-color: rgba(0,0,0,0.4);
}
.core .core1 div{
    width: 90%;
    margin-top: 300px;
    /*margin-left: 10%;*/
    transition: margin-top 0.5s ease;
    z-index: 9;
    pointer-events: none;

}
.core .core1 h3{
    color:rgba(255,255,255,0.6);
    font-size: 26px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    z-index: 99;

}
.core .core1 h4{
    color:rgba(255,255,255,0.6);
    text-align: center;
    font-size: 18px;

}
.core .core1 p{
    width: 180px;
    color: rgba(255,255,255,0);
    font-size: 16px;
    line-height: 30px;
    display: block;
    transition: color 0.5s ease;
    z-index: 99;
    text-align: left;
}
.core1:hover div{
    margin-top: 250px;
}
.core1:hover h3{
    color:white;
}
.core1:hover p{
    color: rgba(255,255,255,0.9);
    z-index: 66;
    text-align: left;
}
.advertising{
    float: left;
    width:100%;
    height:auto;
}
.advertising .adv_wrapper{
    width: 1200px;margin: 20px auto;
    /*display: inline-block;*/
}

.advertising .adv_wrapper h3{color:#333333;font-size: 28px;display: inline-block;
}
.advertising .adv_wrapper h3 i{width: 40px;height: 40px; float: left; background:#f44336 url("../img/indexicon.png"); border-radius: 50%;margin-right: 10px;
    font-size: 28px;line-height: 50px
}
.advertising .adv_wrapper h3 i.pphd{background-position: right center;}
.advertising .adv_wrapper h3 i.cqtk{background-position: 80px center;}
.advertising .adv_wrapper h3 i.special{background-position: 120px center;}
.advertising .adv_wrapper h3 i.dynamic{background-position: 240px center;}
.advertising .adv_wrapper h3 i.image{background-position: -40px center;}
.advertising .adv_wrapper h3 i.digital{background-position: -80px center;}
.advertising .adv_wrapper h3.tabh3{width: 200px;line-height: 22px;}
.advertising .adv_wrapper h3.tabh3 i{background-color: #cccccc;}
.advertising .adv_wrapper h3.tabh3 span{font-size: 16px;color: #cccccc;line-height: 14px;padding: 0}
.advertising .adv_wrapper .newtabhimg{border-bottom: 2px #f44336 solid;display: inline-block;width: 100%;}
.advertising .adv_wrapper .newtabhimg li{float: left;cursor: pointer}
/*.advertising .adv_wrapper .newtabhimg li{background: url("../img/imgtabicon.png") center -10px no-repeat;}*/
.advertising .adv_wrapper .newtabhimg li:hover h3.tabh3,.advertising .adv_wrapper .newtabhimg li.active h3.tabh3{color: #f44336;}
.advertising .adv_wrapper .newtabhimg li:hover h3.tabh3 span,.advertising .adv_wrapper .newtabhimg li.active h3.tabh3 span{color: #f44336;}
.advertising .adv_wrapper .newtabhimg li:hover h3.tabh3 i,.advertising .adv_wrapper .newtabhimg li.active h3.tabh3 i{background-color: #f44336;}
.advertising .adv_wrapper h4{
    color:#d94640;
    width:250px;
    text-align:left;
    /*margin-top: 20px;*/
    border-bottom:3px transparent solid;
    border-image:linear-gradient(to right,#f44336,#ffffff) 1 10;display: inline-block;
    font-size:22px;font-weight: 450;
}
.advertising .newtitlemore{float:right;color: #f44336;font-size: 14px;margin-top:20px;font-weight: 500;}
.advertising .adv_wrapper>a{width:32%;float:left;}
.advertising .adv_wrapper>a:nth-child(2){margin:0 2%}
.advertising .adv_wrapper>a img{width:100%;}
/*.advertising .adv_wrapper>div{float:left;width:19%;margin:0 0.5%;    padding-bottom: 50px;}*/
.advertising .adv_wrapper>div img{width:100%;border-radius:50%;}
/*.advertising .adv_wrapper>div h4{text-align:center ;width:100%;font-size:24px;margin:15px auto;color:#000;}*/
.advertising .adv_wrapper>div span{text-align:left !important;padding:0 10px;text-indent:4em;color:#5e5e5e;}
.advertising .advleft{
    flex:3;
}
.advertising .advleft #advimg{
    width: 80%;
    height: 300px;
    position: relative;
    display: flex;
    align-items: center;
}
.advertising #advimg img{
    opacity: 0.5;
    position: absolute;
    height: auto;
    width: 25%;
    transition: width 0.1s;
    -moz-transition: width 0.1s; /* Firefox 4 */
    -webkit-transition: width 0.1s; /* Safari Chrome */
    -o-transition: width 0.1s; /* Opera */
    box-shadow: 18px 15px 45px rgba(0,0,0,0.1);
}
.advertising .advimg1{
    z-index: 10;
    top: 220px;
}
.advertising .advimg2{
    z-index: 11;
    top: 200px;
    left: 23%;
}
.advertising .advimg3{
    z-index: 12;
    top: 230px;
    left: 46%;
}
.advertising .advimg4{
    z-index: 13;
    top: 260px;
    left: 69%;
}
.advertising #advimg img:hover{
    width: 30%;
    z-index: 14;
    box-shadow: 28px 25px 55px rgba(0,0,0,0.3);
}
.advertising .advright{
    padding: 200px 0 0;
    flex:2;
    text-align: left;
    opacity: 0.2;
}
.advertising .advright h3{
    font-size: 32px;
    font-weight: 500;
    padding-bottom: 34px;
}
.advertising .advright h6{
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 25px;
}
.advertising .advright p{
    width: 100%;
    font-size: 14px;
    line-height: 26px;
}
.advertising .adv_wrapper  em{overflow: hidden;display: block;}
.advertising .adv_wrapper img{
    transition: all 0.3s;
}
.advertising .adv_wrapper img:hover{transform: scale(1.2); /* 放大1.2倍 */}
.videobox{
    width:100%;
    height:545px;
    overflow: hidden;
    position: relative;
    background-color: gray;
}
.videobox #video1{
    width: 100%;
    margin-top: -300px;
}
.videobox #cover{
    width: 100%;
    height: 545px;
    position: absolute;
    top:0;
    left: 0;
    background: rgba(0,0,0,0.4);
}
.videobox #cover h2{
    color: white;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 48px;
    margin: 210px auto auto 10%;
    text-align: left;
}
.videobox #cover a{
    display: block;
    width: 80px;
    height: 80px;
    color: white;
    font-size: 50px;
    line-height: 100px;
    margin-left: 10%;
    transition: 0.5s;
}
.videobox #cover a img{
    width: 70px;
    height: 70px;
    margin-top: 15px;

}
.videobox #cover a:hover img{
    width: 80px;
    height: 80px;
    margin-top: 10px;
}
.videobox #cover #my-video{
    position: relative;
}
.modal {
    display: none;
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    z-index: 10001;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5% 10%;
}

#videoclose {
    position: absolute;
    right:50px;
    top:50px;
    opacity: 0.3;
}

#videoclose:hover {
    opacity: 1;
}
.partner{
    width: 100%;
    height:auto;
    padding-top: 55px;
    padding-bottom: 100px;
    background-color: #E7E7E7;
}
.partner h3{
    text-align: center;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    line-height: 120px;
}
.partner ul{
    width: 86%;
    margin-left: 7%;
    height:auto;
    display: flex;
    flex-wrap: wrap;
}
.partner li{
    /* opacity: 0.1; */
    margin:30px 0 0;
    width: 16%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 88px;

}
.partner li img{
    display: inline-flex;
    height: 48px;
}

/*
  footer
*/
.footer{
    float: left;
    width: 100%;
    height: 310px;
    background-color: #787878;
}
.footer #footerwrapper{
    width: 80%;
    margin-left: 10%;
}
.footer #footerwrapper span:hover{
    cursor: pointer;
    color: #ffffff;
    text-indent: 5px;
}
#footerwrapper #footerleft{
    margin-top: 60px;
    width: 54%;
    float: left;
    color:#e9e9e9;
    line-height:30px;

    text-align: left;
}
#footerwrapper #footerleft a{color:#e9e9e9!important;}

#footerwrapper #footerright{
    margin-top:60px;
    width: 40%;
    float: right;
    background:#838383;
    height:160px;
    border-radius:15px;
    padding:15px 2%;
    border-bottom:1px solid #fff;
}
#footerwrapper #footerright a{float:left;width:33.3%; color:#e9e9e9;text-align:center;}
#footerwrapper #footerright a img{width:50%; background:#e9e9e9; border-radius:50%;padding:10%;margin-bottom:15px;}
#footerwrapper #footerright a:nth-child(2){border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
#back{
    position: fixed;
    z-index: 888;
    right:40px;
    bottom: 40px;
    display: none;

}
#back a{
    display: inline-block;
    width: 55px;
    height: 55px;
}
#bg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
}
#bg #bgcon{
    width: 100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#bgcon #logincon{
    width: 440px;
    height:436px;
    background: white;
    border-radius: 5px;
}
#logincon .loginwrapper{
    width: 340px;
    margin:0 auto;
}
.loginwrapper h3{
    font-size: 28px;
    font-weight: 500;
    line-height: 68px;
    margin-top: 32px;
    text-align: center;
}
.loginwrapper hr{
    border:1px solid #dddddd;
    margin: 0;

}
#tip p{
    line-height: 22px;
    text-align: left;
    display: inline-block;
}
.loginwrapper #tip s{
    height: 22px;
    width: 22px;
    background: url("../img/121212.jpg") no-repeat center;
    padding: 11px;
    text-align: left;
}
.loginwrapper input{
    width: 100%;
    height:42px;
    line-height: 42px;
    text-indent: 18px;
    color: black;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    background-color: #f6f6f6;
}
.loginwrapper #rember{
    height: 22px;
    overflow: hidden;
}
.loginwrapper #rember input{
    height:10px;
    width: 10px;
    line-height: 14px;
    border-radius: 5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
}
.loginwrapper #rember p{
    float: left;
}
.loginwrapper #rember a{
    float: right;
}
.loginwrapper button{
    width: 100%;
    height: 42px;
    background: #d70c18;
    text-align: center;
    border:none;
    font-size: 18px;
    color: white;
    border-radius: 5px;
    margin:32px 0 40px 0;
}
.loginwrapper span{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.loginwrapper span i{
    font-style: normal;
    text-decoration: underline;
}
.loginwrapper i:hover{
    color: red;
    cursor: pointer;
}
.loginwrapper a:hover{
    color: red;
    cursor: pointer;
}
#closebtn{
    font-size: 36px;
    font-weight: 400;
    color: white;
    margin-left: 20px;
    margin-bottom: 415px;
    background: url("../img/x.png");
    width: 20px;
    height: 19px;
}
#newradio{
    display: inline-block;
}
#tipwrapper{
    width: 100%;
    height:28px;
}
#tip{
    display: none;
    text-align: center;
}
#rember p s{
    font-size:16px;
    font-style:normal;
    display:inline;
    width:16px;
    height:16px;
    text-align:center;
    line-height:16px;
    color:red;
    vertical-align:middle;
    margin:-2px 2px 1px 0;
    border:#dddddd 1px solid;
    cursor: pointer;
}



.abouttxt{padding:20px 0;min-height:450px;}

.inedenews{
}
.inedenews .indexnewleft ul{padding-right: 10px; border-right: 1px #e0e0e0 dashed;padding-right:4%;}
.inedenews .indexnewleft ul li{line-height: 32px;list-style-type: circle;text-indent: 1.2em}
.inedenews .indexnewleft ul li:first-child{font-size: 22px;padding-bottom:15px;color: #333;text-indent:0; list-style-type:none}

.inedenews .indexnewright{padding-left: 10px;}
.inedenews .indexnewright ul li{
    float: left;;width:100%;padding-bottom: 10px;}
.inedenews .indexnewright ul li img{width:100px;height:60px;border-radius: 0; padding-right: 10px;
    float: left;}
.inedenews .indexnewright ul li h4{font-size: 16px;padding: 0;margin: 0;line-height: 30px;    display: inline;}
.inedenews .indexnewright ul li p{font-size: 12px}
.adv_wrapper h4{color:#666;font-size: 18px;text-align: center;    margin-top: 8px;}
.tbch{ width: 1200px;margin: 20px auto;
}
.tbch a{
    width: 20%;
    float: left;
    color: #333;
    transition: all 0.4s ease-in; position: relative;
    background: #ffffff;
    z-index: 1000;}
.tbch a:nth-of-type(even) {
    background-color: #f0f0f0;
}
.tbch a span{
    height: 80px;
    padding: 15px;
    float: left;
}
.tbch a p{ padding: 15px;
    font-size: 14px;
    height: 150px;
}
.tbch a img{width: 240px;height: 240px}
.tbch a:hover { z-index: 1001; background-color: #d0111b; box-shadow: 0 0 7px #666;color: #ffffff }

#navigation #nav1 li a{color: #ffffff!important;}
#navigation #nav1 li:hover a{font-weight:normal; color:#eabb45!important;}
#logreg,#logreg a{color:rgba(255, 255, 255, 0.8)!important; }
#searchebox{width:330px;
    display:none;
    height:38px;padding:0 10px; position:absolute;background:#3f3f3f; border-radius: 20px;right: 100px; top:20px; z-index:999999; text-align:center;
}
#searchebox #topt{width:180px; color: #fff; line-height:38px; margin:0px; padding:0px 10px; border:0px;float:left;}
#searchebox #service2{width:100px;color:#ffffff;     font-size: 14px ;line-height:38px; float:left; text-align:center; background:url(../img/searchtb2.png) no-repeat right; cursor:pointer;}
#searchebox #subbtn{float:left;height:38px; width:30px;background: url(../img/searchtb1.png) no-repeat  center;  background-size: 60%; border:0px; cursor:pointer}
#servicelist2{width:100px; max-height:260px; background:#3f3f3f;color: #FFFFFF;  position:absolute; z-index:9999999; padding:10px 0 10px 5px;}
#servicelist2 input[type=radio]{float: inherit;margin-top: 3px;}
ul.adv_wrapper{display: flex;}
ul.adv_wrapper>li{float:left;width:24%;margin:0 0.5%;padding:0;border:1px #dcdcdc solid; }
ul.adv_wrapper>li a{   overflow: hidden;    display: block;}
ul.adv_wrapper>li img{width: 100%;}
ul.adv_wrapper>li a p{text-align: center;font-size: 20px;color: #333333;line-height: 40px}
.specialleft{float: left;width: 290px;}
.specialleft li{float: left;cursor:pointer; width: 100%;height: 136px;border-left:13px #999999 solid;border-bottom: 1px #ffffff solid; background: #eaeaea;padding: 10px 15px;position: relative}
.specialleft li:last-child{border-bottom:0;}
.specialleft li:hover,.specialleft li.active{background: url("../img/speciaicon.png") left center no-repeat;border-left-color: #f44336}
.specialleft li span{display:block;width: 100%;text-align: center; line-height:32px;color: #333333;font-size: 18px;}
.specialleft li span i{border-top:1px #f7827b solid;width: 20px;height: 1px;display: inline-flex;margin: 0 10px;padding-top: 5px;}
.specialleft li p{font-size:14px;color:#666666;line-height: 22px}
.specialleft li cite{background: url("../img/1234.png") 0 0 no-repeat;width:34px;
    height: 36px;
    position: absolute;
    right: 0;
    bottom: 0;}

.specialleft li:hover cite,.specialleft li.active cite{background-position-x:-36px;}
.specialleft li cite.num1{background-position-y:0;}
.specialleft li cite.num2{background-position-y:-36px;}
.specialleft li cite.num3{background-position-y:-72px;}
.specialleft li cite.num4{background-position-y:-108px;}
.specialright{overflow: hidden; display: block;height:540px;width:908px!important;padding: 2px;margin: 0!important;}
.specialright img{height:540px;width:100%;border-radius: 0%!important;}
.dynamicli{margin: 20px 0 0 35px;}
.dynamicli li{float: left;width:100%;list-style: disc;color:#d42730;line-height: 32px;font-size: 18px;margin-bottom: 15px   ;}
.dynamicli li a{color:#333333;}
.dynamicli li a:hover{font-weight: 500;color:#999999}
.imagedigital{margin-top: 15px;}
.imagedigital li{float: left;width: 32%;overflow: hidden;border:5px solid #e4e4e4;}
.imagedigital li:nth-child(2){margin: 0 2%}
.imagedigital>li>a{overflow: hidden;display: block}
.imagedigital>li>a>img{border-radius: 0!important;height: 211px;margin-bottom: -3px;}


.imagedigital1 li .imgborder{overflow: hidden;border-bottom:5px solid #e4e4e4;}
.imagedigital1 li strong{display: block;width: 100%;font-weight: bold;font-size: 20px; color:#333333;text-align: center;padding: 5px 0;margin-top: 4px;}
.imagedigital1 li p{color: #999999;font-size: 12px;}
.imagedigital1 li a.buyimg{
    color: #ffffff;
    font-size: 14px;
    background: #d42730;
    display: inline-block;
    padding: 4px 8px;
    margin-left: 25%;
    margin-top: 15px;
    margin-bottom: 10px;
}
.imagedigital2{display: none;}
.imagedigital2 li{border:none;}
.imagedigital2>li>a>img{height: 230px}
.imagedigital2 p{height: 120px;margin-top:10px;padding:10px;background: #ebebeb url("../img/camerea.png") right center no-repeat;display: inline-block;width: 100%}
.imagedigital2 p>img{float:left;border-radius: 0!important;transition:none!important;width:100px!important;height:100px!important;}
.imagedigital2 p>img:hover{transform:none!important;}
.imagedigital2 p span{float:left;width:310px;text-indent: 0!important; font-size:18px;color:#333333;font-weight:450;margin-top: 30px;}1
.creater{
    padding: 10px;
    font-size: 14px;
    text-align: left;
    color: #b4b4b4;
    font-weight: 350;
}